@@@@@@@@@@@@@@@@@@ TjzM@What's New 2002/6/7

@@@@@@@@@ @@S҂̂߂̃z[y[W
@@@@@@@@@@@http://www.scollabo.com/banban/
@@@@@@@   @@@@@@@S

@@NłHTML^O𒚔JɉȂ׋ĂułB
@@u߂钆ŕȂ_烁[B



@̍u̓^OoăeLXgŃz[y[WƂAǂ炩
ƂƂIȍƂSɂȂ܂B

@}CN\tg FrontPage IBM̃z[y[WEr_[Ƃ͈悵
āAvʂ̂go邱Ƃo܂B

@ɂ͐IȓȌtoĂ܂AȂׂS҂ɂ₷
Ă܂BǂACyȋCłtB

@ułHTML4.01𒆐SƂ@̂ƂȂĂ܂BȂÃ}K
W͓EtHgłǂ݂B

@T̉ۑ聡eLXgƒi



eLXg𒆐SƂz[y[WEEX^CV[gp

@͎IɃy[W肽Ǝv܂BeLXg𒆐SɃy[Wh
悭\܂B̂߂ɂiݒ肵X^CV[g͌܂B

@̃X^CV[g̎͊OɃX^CV[guăy[Wɓǂݍ
܂@܂B

@܂ŏɃX^CV[g쐬܂BeLXgGfB^iȂǁj
𗧂グĉL̂悤Ƀ^Cv܂BRuFvAZ~RuGv
ႦȂ悤ɓ͂ĂB
@ԈႦƃX^CV[gy[Wɔf܂Bׂĉpp
łBȑOɂqׂ܂ARs[Ƃ܂A͊
߂ɂƃ^Cvč܂傤B

body     { background-color: #ffffcc; font-size: 12pt; color: #000000 }
div.test { color: #000066; line-height: 135% }
span     { color: #cc3300 }
h2       { font-size: 20pt; font-weight: bold; text-align: center }

@܂œ͂Iۑ܂B܂ŎgĂtH_ɏ
test_01.css ƕKgq .css ĕۑĂBȂALq̋
̓uEU͖܂̂ŁA₷悤ɓKɓĂ܂B

@A_[o[̓͂̎d͕܂ˁBL[{[hÉuvƂ
Ђ炪ȂL[AVtgL[Ȃ^Cv܂Bp
pōsĂB

@A_[o[̑ test-01.cssł܂܂BALɂ
HTML <link> ̃X^CV[gɂ͕K test-01.css@ƃ^CvĂ
B

@ŊOX^CV[głCSS܂B
悭Ⴂ܂ACSSł͉N܂BCSS
_uNbNĂuEUオ킯ł͂܂B̕
܂ŁAHTMLɓǂݍ܂邽߂̂̂łAÔ߁B



ɏLX^CV[g𗘗pHTML܂BL̂悤Ƀ^Cv
ĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="test_01.css" type="text/css">
<title>eLXgy[W</title>
</head>

<body>
<h2>̓eLXg̃y[Wł</h2>
<div class="test">
S҂̂߂̃z[y[W̕׋Ă܂BT̓eLXg𒆐S
y[W̕׋Ă܂B񂾂<span>{iI</span>ɂȂ܂B
</div>

</body>
</html>

<div>`</div> ̃eLXg͉sȂœ͂܂B

@͂IHTMLƂĕۑ܂BقǍ CSSƓ
tH_ɕۑ܂BKApptest_01.html@Ɗgq .html
YȂ悤ɂĂB

@ۑłHTML test_01.html _uNbNăuEU𗧂
܂B܂łȁH



ccX^CV[g̍\

@X^CV[g̍\̓ZN^iI𕔁jƐ錾ɂ\A錾
͑ivpeB邢̓Agr[gjƒlō\Ă܂B

body { background-color: #ffffcc; color: #000000 }@̏ꍇA

bodyiZN^jA{ background-color ` #000000 }i錾j

Đ錾
@background-colorijA#ffffccilj
@colorijA@@@@@ #000000iljƂȂ܂B

ȂA錾 { } ň݂͂܂B

ccX^CV[g̋Lqe

body { background-color: #ffffcc; color: #000000 }

@́Abodyvfi\邷ׂājɑ΂āAwi𔖂N[FA
ŕ\邱Ƃݒ肵Ă܂BȂAЂƂ̃ZN^ɃX^C
ݒ肷ꍇ́AuGvƃZ~Rŋ؂čs܂B

div.test  { font-size: 12pt; color: #000033; line-height: 135% }

 divvf̓ubNxvfł̃^Oł͉Ȃ̂őX
^CV[gŕ\ݒ肵܂BubNxvfłAdiv ł͑O
ɉsƂ͂܂񂪁AЂƂ̒iӖ܂BubNx
Ƃ̂́A傫Ȓî܂`ƎvĂB divvf
΂ẮADȖOăZN^ɒu܂B

@ł́AtHgTCY12|CgA̐FZ #000033A
sline-height 𕶎̑傫135%ŁA܂Ȃ傫35̋
ݒ肵܂B

span { color: #cc3300 }

spanvf̓CCxvfŁA㉺Oɋ󔒂͂܂B܂<span>
^Oł͉Ȃ̂ŁAX^CV[gŕ\Lq܂Bł́A
̐FIWF #cc3300ɐݒ肵܂B

h2 { font-size: 20pt; font-weight: bold; text-align: center }

 hvfiovfj̓ubNxvfŏ㉺ɋ󔒂Ă܂B
̃^Oɐ̂P`U܂ŎgA<h1>ԑ傫ȃtHgTCYŕ\
Bł̓tHgTCY20|CgAtHg̎ font-weightő
ɁA܂ʒu֌W align 𒆉 center ɐݒ肵܂B

ubNxACCxɂĂ͎̍uŐ܂B

cccccccccccccccccccccccccccccccccccc
ėpEEclassiNXjIDiACfB[j
X^CV[gŃsIhu. vďꍇAȉꍇ div.testjHTML
̋Lq́ANXiclass= jp܂Bꂪ div#test̏ꍇID
iid= jŎ܂B

@@CSS@@div.test { margin: 20px; padding: 10px; border: cc }
     HTML@@<div class="test">`</div>

@@@CSS@@div#test { margin: 20px; padding: 10px; border: cc }
     HTML@@<div id="test">`</div>

@IDɂẮAID͂Py[WP񂵂g܂̂Œ
ӂKvłB𖳎ƁA\ɒ[ɒxȂA\
ꍇ܂BNX͉xg܂B

cccccccccccccccccccccccccccccccccccc
p

bodyvfŐݒ肵wiF́AׂĂ̗vfŒʗpĂ܂ˁB܂<h2>
<div> ̂悤ȑ̗vfɑ΂ĂwiFɂȂĂ܂Bupv
ƂāAe̗vfłbodyŐݒ肳ꂽwiFAFAtHgTCY
̗vfɂʂƂƂłBi̗vfɂĂ͂łȂ
ꍇAui߂Ăŉ܂Bj

@A̗vf̑Őݒ肵Ăꍇ́A炪D悳܂B
<span>ł́AIWFɐݒ肵܂Aevfȉꍇ divvf̔Z
jł͂ȂIWFŕ\킯łB 
@ł<h2>ł͕Fݒ肵ĂȂ̂ŁAevf̐FKpƂ
łBȉꍇbodyvf̍FɂȂ܂Bj

ڂ͂̍ũTCgɂuvf̐eq֌Wv
@http://www.scollabo.com/banban/lectur/ht6.html 
QƂĂB

cccccccccccccccccccccccccccccccccccc
^OɋLq鑮lƃX^CV[gɋLq鑮l̈Ⴂ

@P<center>^O<font>͔p~\Əqׂ܂B͗vfƂĔp
~\ƂƂŁAX^CV[gɂ鑮܂ł͔p~܂Bl
ɁA<h1 algin="center">Ƃӂ h1̑ƂċLq align
centerƂl͔p~\łX^CV[gɂ鑮ƒl͔p~
B



@x̓X^CV[gitest_01.cssj ͂̂܂܂ɂHTMLςĂ
܂傤BV <p>Ƃvfg܂B̗vfubNxvf
i\܂BOɉs܂B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<link rel="stylesheet" href="test.css" type="text/css">
<title>eLXgy[W</title>
</head>

<body>
<h2>̓eLXg̃y[Wł</h2>
<div class="test">
S҂̂߂̃z[y[W̕׋Ă܂BT̓eLXg𒆐S
y[W̕׋Ă܂B񂾂<span>{iI</span>ɂȂ܂B
</div>
<p>úA񂾂Ȃ܂A񒣂莞łB</p>
<div class="test">
̍uŕ׋āAKv݂̕\͂gɕtđf炵z[y[
W肽ƎvĂ܂B
</div>

</body>
</html>

LHTMLgĎōDȕ͂ɏĂBWeby[W
yÂłƎv܂B



āA܂Ŗɂł܂H
ԂĂAЂƂÂȂƂĂBǂĂ
Ȃꍇ́AWeby[W̌f𗘗pȂAڃ[B

@ɁAx̓X^CV[gύXĂ݂܂傤B
eLXgGfB^test_01.cssJĂB
L̒ʂɃ^CvĂB͂ł㏑ۑĂB

body     { background-color: #cff; font-size: 12pt; color: #000 }
div.test { background-color: #6ff; color: #006; line-height: 135% }
span     { color: #c30 }
h2       { font-size: 20pt; font-weight: bold; color: #096; 
           text-align: center }
p        {font-weight: bold }

@span͂̂܂܂ŁAȊOς܂BF16i@̋LqRɂȂ
܂A肠܂B
@ɂĂ͍ui߂ĂŐ܂BۑłHTMLu
EUŗグ邩AオĂuēǍ݁v́uXVv{^
ĂB

@HTML͕ςȂ̂ɁA\ԕς܂BOɃX^CV[
guƁACSS̒gς邾Weby[W͋̕C傫ς
̂łB
@̃eNjbN}X^[ƊyOƍL܂B





body { background-color: #cff; font-size: 12pt; color: #000 }
@Ŝ̔wiF𔖂΂ɁAtHg̃TCY12|CgAFɐ
@肵܂BɋLqꂽƒĺA̗vfɂĝłB

div.test { background-color: #6ff; color: #006; line-height: 135% }
@i\ divvfɔwiFZ΂ɁAFZɁA
@̍sԂ135%ɐݒ肵܂BɋLqꂽƒlA̗vfɂg
@̂łB

h2 { font-size: 20pt; font-weight: bold; color: #096; text-align: center}
@ovf h2 ̑̕傫20|CgÂ𑾎AFZ΁A
@ʒuZ^O܂B

p {font-weight: bold }
@i킷 pvf̎̂𑾎ɐݒ肵܂B̗vf̓ubNx
@vfőOɉs܂BîЂƂłB

cccccccccccccccccccccccccccccccccccc

@AX^CV[gȂǂĂHTMLŋLq
傤B\łAςȍƂɂȂ܂A͑ŜGɂȂ
ŒύXƂɂ͒T̂ʓ|ɂȂĂ܂B

@X^CV[g̗ṕAŜ肵āAX̍Ɛ̌
AZԂŕҏWł闘_܂BJԂĎgꍇȂǖ{
ɕ֗ȋ@\łˁB

@eLXgɊւX^CV[g̃t@X́A
@http://www.scollabo.com/banban/ref/refcss_03.html
@BTvȂɗpӂĂ܂B

@HTMLŕ͂LqŁAi͓ǂސlɓǂ݂₷񋟂܂B
ȂA Weby[Wł́AiႢāA₽狭s <br> 
AĒiĂ܂A@Iɂ͌łB

@uŕ׋i̎Ǝ\肵Ă{bNXȂ̂Ƃ
ăubNxƂ̂}X^[Đ@gɂĂB

͂܂ŁAł͂ł́EE

T̂炢͂vy[Wɂfڂ܂̂ŁA񌩂ĂĂB
vy[W͉摜ĝŁA蕪₷Ă܂B킹
ߋ̋L̂炢fڂĂ܂B

iT̂炢j
@http://www.scollabo.com/banban/magazine/backnm_004.html

@́Aip[Abv{bNX\肵Ă܂B

̗\
{bNXAFAʒuƕ\`AAJ[iNjA摜AXgAe[uA
tH[ACGIAJavaScriptȂǂȂ



z[y[W̃|Cg

@[UfBXvCTCYӎ邱Ƃ؂łBŋ߂ł͂߂
ɌȂȂ܂Â600w400ƂɋʂŃp\Rg
Ă̂łB
@ŋ߂̓m[gp\Rł́A800w600AfXNgbvł17C`bq
sfBXvCA邢 15C`tfBXvC嗬ƂȂA1028w768
TCYȂĂ܂Bi800800sNZ̈Ӗj

@҂̊őŜ̕߂Ă܂̂͊댯łBŒłm[gp
\R800w600ł\Ɍ悤ȃTCYɂ܂傤B

@ʂ̈Ӑ}Ȃ胆[UɉXN[vĂ܂y[W͔
̂łB



Eӌ͂͂܂Ł@banban@scollabo.com
ȂA̍ۂɂ́AgOSAʏgĂuEUA܂Ɏ
uEUAgĂeLXgGfB^ȂǁAȂׂ₷
𖾋LĂƉ񓚂₷ȂƎv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html



ł`E[ށ

@̔\ɂƁAu[hoh̕yS 4267215
B悤ŁAȂƎĂ܂BN11_ł́A܂ 
200lɂȂ̂ɁAxIȐŕyĂ܂B

@u[hoh{FTTHit@Co[jłR5000ɔĂ邵
z[y[W҂ɂƂĂXɂ܂Bdy[WTƕ\
ł̂͂ꂵ̂łB

@Ƃ͂AŜ̐lł͂܂܂łBɉߑanłADSLł
킽Ă炸Ǎʂ痧ĂȂ̂łBς炸
_CAbvŁAxxŉ䖝Ă킯łB

@{́ue-Japand_vv ƂvWFNgł́ANN܂ł 900
т̃u[hohi߂Ă邯ǁAS̏ZsscZ
Ђ̒cnł́A΂܂ŉĂ̂ɁAucnvƂŃu
[hoh߂Ă悤łBÂ}VȂ񂩂l݂łB

@{Ŝu[hoĥ́A܂܂̂悤łB̓_
FĂgo̍Hvl܂傤B



쌠ɂ

l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BLׂ̂Ă̓eɂĂ̒쌠͕Ă܂B
fŎgp邱Ƃłւ܂B

    @@Copyright(C) 2002  www.scollabo.com/banban/
